import Vue from 'vue'
import {
  Tag,
  Icon,
  Grid,
  Cell,
  Notify,
  Dialog,
  Lazyload,
  GridItem,
  CellGroup,
  ActionSheet,
  DropdownMenu,
  DropdownItem,
  Image,
  Field,
  Tab,
  Tabs,
  Search,
  PullRefresh,
  List,
  Button,
  Collapse,
  CollapseItem,
  Checkbox,
  Form,
  NoticeBar,
  Radio,
  RadioGroup,
  Divider,
  CheckboxGroup,
  Overlay,
  Loading,
  Tabbar,
  TabbarItem,
  Row,
  Col,
  Switch,
  NavBar,
  Skeleton,
  Popover,
} from 'vant'
import 'vant/es/tag/style'
import 'vant/es/icon/style'
import 'vant/es/grid/style'
import 'vant/es/cell/style'
import 'vant/es/notify/style'
import 'vant/es/dialog/style'
import 'vant/es/lazyload/style'
import 'vant/es/grid-item/style'
import 'vant/es/cell-group/style'
import 'vant/es/action-sheet/style'
import 'vant/es/dropdown-menu/style'
import 'vant/es/dropdown-item/style'
import 'vant/es/image/style'
import 'vant/es/field/style'
import 'vant/es/tab/style'
import 'vant/es/tabs/style'
import 'vant/es/search/style'
import 'vant/es/pull-refresh/style'
import 'vant/es/list/style'
import 'vant/es/button/style'
import 'vant/es/collapse/style'
import 'vant/es/collapse-item/style'
import 'vant/es/checkbox/style'
import 'vant/es/form/style'
import 'vant/es/notice-bar/style'
import 'vant/es/radio/style'
import 'vant/es/radio-group/style'
import 'vant/es/divider/style'
import 'vant/es/checkbox-group/style'
import 'vant/es/overlay/style'
import 'vant/es/loading/style'
import 'vant/es/tabbar/style'
import 'vant/es/tabbar-item/style'
import 'vant/es/row/style'
import 'vant/es/col/style'
import 'vant/es/switch/style'
import 'vant/es/nav-bar/style'
import 'vant/es/skeleton/style'
import 'vant/es/popover/style'

Vue.use(ActionSheet)
Vue.use(Dialog)
Vue.use(Tag)
Vue.use(DropdownMenu)
Vue.use(DropdownItem)
Vue.use(Icon)
Vue.use(Grid)
Vue.use(GridItem)
Vue.use(Notify)
Vue.use(Cell)
Vue.use(CellGroup)
Vue.use(Image)
Vue.use(Field)
Vue.use(Tab)
Vue.use(Tabs)
Vue.use(Search)
Vue.use(PullRefresh)
Vue.use(List)
Vue.use(Button)
Vue.use(Collapse)
Vue.use(CollapseItem)
Vue.use(Checkbox)
Vue.use(Form)
Vue.use(NoticeBar)
Vue.use(Radio)
Vue.use(RadioGroup)
Vue.use(Divider)
Vue.use(CheckboxGroup)
Vue.use(Overlay)
Vue.use(Loading)
Vue.use(Tabbar)
Vue.use(TabbarItem)
Vue.use(Row)
Vue.use(Col)
Vue.use(Switch)
Vue.use(NavBar)
Vue.use(Skeleton)
Vue.use(Popover)

// 注册时可以配置额外的选项
Vue.use(Lazyload, {
  lazyComponent: true,
})
